<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>视频</title>
    <link rel="stylesheet" href="../css/base.min.css" >
    <link rel="stylesheet" href="../css/mv.min.css">
    <link rel="shortcut icon" href="../img/index/ficon.png" type="images/x-icon">
</head>
<body>
      <!--头部-->   
      <div class="header">
        <div class="header-con center clearfix">
             <div class="logo">
                 <span>music</span>
             </div>
             <div class="nav">
             <ul class="clearfix fill">
               
               <li>
                 <a href="../index.html">
                   首页
                 </a>
             </li>
               <li>
                   <a href="song.html">
                     歌单
                   </a>
               </li>
               <li>
                 <a href="singer.html">
                   歌手
                 </a>
               </li>
               <li>
                   <a href="music-list.html">榜单</a>
               </li>
               <li>
                   <a href="mv.html">视频</a>
               </li>
               
             </ul>
           </div>
          
             <div class="actions">
               <input placeholder="搜索音乐"> 
               <a class="loginbtn" href="login.html">登录</a>
               <a class="message"><img src="../img/index/akari.jpg"></a>
           </div>
   
         </div>
       </div>

        <!--主体内容-->
        <div class="main">
          <!--1-->
              
                <div class="hot-mv">
                  <a class="hot-rem">
                    <img src="../img/mv/m1.jpg">
                    <div class="broadcast">
                      <img src="../img/mv/play.png">
                    </div>
                  </a>
                  <div class="mv-main">
                    <a class="song">一半一半</a><br>
                    <span class="style">music音乐</span>
                    <div class="read">
                      订阅
                    </div>
                   </div>
                
                   <h2 class="count">15首歌曲</h2>
                   <p class="record">发表更新2020年11月18日</p>
                </div>

                <div class="hot-mv">
                  <a class="hot-rem">
                    <img src="../img/mv/m2.jpg">
                    <div class="broadcast">
                      <img src="../img/mv/play.png">
                    </div>
                  </a>
                  <div class="mv-main">
                    <a class="song">2020年金音奖精选歌单</a><br>
                    <span class="style">music音乐</span>
                    <div class="read">
                      订阅
                    </div>
                   </div>
                
                   <h2 class="count">33首歌曲</h2>
                   <p class="record">发表更新2020年11月2日</p>
                </div>
              

              <div class="hot-mv">
                <a class="hot-rem">
                  <img src="../img/mv/m2.jpg">
                  <div class="broadcast">
                    <img src="../img/mv/play.png">
                  </div>
                </a>
                <div class="mv-main">
                  <a class="song">2020年金音奖精选歌单</a><br>
                  <span class="style">music音乐</span>
                  <div class="read">
                    订阅
                  </div>
                 </div>
              
                 <h2 class="count">33首歌曲</h2>
                 <p class="record">发表更新2020年11月2日</p>
              </div>

              <div class="hot-mv">
                <a class="hot-rem">
                  <img src="../img/mv/m1.jpg">
                  <div class="broadcast">
                    <img src="../img/mv/play.png">
                  </div>
                </a>
                <div class="mv-main">
                  <a class="song">一半一半</a><br>
                  <span class="style">music音乐</span>
                  <div class="read">
                    订阅
                  </div>
                 </div>
              
                 <h2 class="count">15首歌曲</h2>
                 <p class="record">发表更新2020年11月18日</p>
              </div>

              <div class="hot-mv">
                <a class="hot-rem">
                  <img src="../img/mv/m2.jpg">
                  <div class="broadcast">
                    <img src="../img/mv/play.png">
                  </div>
                </a>
                <div class="mv-main">
                  <a class="song">2020年金音奖精选歌单</a><br>
                  <span class="style">music音乐</span>
                  <div class="read">
                    订阅
                  </div>
                 </div>
              
                 <h2 class="count">33首歌曲</h2>
                 <p class="record">发表更新2020年11月2日</p>
              </div>
          <!--2-->
                <div class="hot-mv">
                  <a class="hot-rem">
                    <img src="../img/mv/m3.jpg">
                    <div class="broadcast">
                      <img src="../img/mv/play.png">
                    </div>
                  </a>
                  <div class="mv-main">
                    <a class="song">2020上海简单生活节</a><br>
                    <span class="style">music音乐</span>
                    <div class="read">
                      订阅
                    </div>
                   </div>
                
                   <h2 class="count">33首歌曲</h2>
                   <p class="record">发表更新2020年10月15日</p>
                </div>

                <div class="hot-mv">
                  <a class="hot-rem">
                    <img src="../img/mv/m4.jpg">
                    <div class="broadcast">
                      <img src="../img/mv/play.png">
                    </div>
                  </a>
                  <div class="mv-main">
                    <a class="song">slow List</a><br>
                    <span class="style">Transfer Student</span>
                    <div class="read">
                      订阅
                    </div>
                   </div>
                
                   <h2 class="count">27首歌曲</h2>
                   <p class="record">发表更新2020年5月14日</p>
                </div>
              

              <div class="hot-mv">
                <a class="hot-rem">
                  <img src="../img/mv/m4.jpg">
                  <div class="broadcast">
                    <img src="../img/mv/play.png">
                  </div>
                </a>
                <div class="mv-main">
                  <a class="song">slow List</a><br>
                  <span class="style">Transfer Student</span>
                  <div class="read">
                    订阅
                  </div>
                 </div>
              
                 <h2 class="count">27首歌曲</h2>
                 <p class="record">发表更新2020年5月14日</p>
              </div>

              <div class="hot-mv">
                <a class="hot-rem">
                  <img src="../img/mv/m4.jpg">
                  <div class="broadcast">
                    <img src="../img/mv/play.png">
                  </div>
                </a>
                <div class="mv-main">
                  <a class="song">slow List</a><br>
                  <span class="style">Transfer Student</span>
                  <div class="read">
                    订阅
                  </div>
                 </div>
              
                 <h2 class="count">27首歌曲</h2>
                 <p class="record">发表更新2020年5月14日</p>
              </div>
          
            
          

          <!--3-->
                <div class="hot-mv">
                  <a class="hot-rem">
                    <img src="../img/mv/m5.jpg">
                    <div class="broadcast">
                      <img src="../img/mv/play.png">
                    </div>
                  </a>
                  <div class="mv-main">
                    <a class="song">孤独的夜，寂寞的星</a><br>
                    <span class="style">EastWave</span>
                    <div class="read">
                      订阅
                    </div>
                   </div>
                
                   <h2 class="count">22首歌曲</h2>
                   <p class="record">发表更新2020年11月5日</p>
                </div>

                <div class="hot-mv">
                  <a class="hot-rem">
                    <img src="../img/mv/m6.jpg">
                    <div class="broadcast">
                      <img src="../img/mv/play.png">
                    </div>
                  </a>
                  <div class="mv-main">
                    <a class="song">情定七夕</a><br>
                    <span class="style">招财猫乐队</span>
                    <div class="read">
                      订阅
                    </div>
                   </div>
                
                   <h2 class="count">10首歌曲</h2>
                   <p class="record">发表更新2020年8月20日</p>
                </div>

              <div class="hot-mv">
                <a class="hot-rem">
                  <img src="../img/mv/m6.jpg">
                  <div class="broadcast">
                    <img src="../img/mv/play.png">
                  </div>
                </a>
                <div class="mv-main">
                  <a class="song">情定七夕</a><br>
                  <span class="style">招财猫乐队</span>
                  <div class="read">
                    订阅
                  </div>
                 </div>
              
                 <h2 class="count">10首歌曲</h2>
                 <p class="record">发表更新2020年8月20日</p>
              </div>

    
           <!--4-->
               
                <div class="hot-mv">
                  <a class="hot-rem">
                    <img src="../img/mv/m7.jpg">
                    <div class="broadcast">
                      <img src="../img/mv/play.png">
                    </div>
                  </a>
                  <div class="mv-main">
                    <a class="song">见证大团第一季</a><br>
                    <span class="style">music音乐</span>
                    <div class="read">
                      订阅
                    </div>
                   </div>
                
                   <h2 class="count">101首歌曲</h2>
                   <p class="record">发表更新2020年11月20日</p>
                </div>

                <div class="hot-mv">
                  <a class="hot-rem">
                    <img src="../img/mv/m8.jpg">
                    <div class="broadcast">
                      <img src="../img/mv/play.png">
                    </div>
                  </a>
                  <div class="mv-main">
                    <a class="song">海岛国际电影节XMusic</a><br>
                    <span class="style">music音乐</span>
                    <div class="read">
                      订阅
                    </div>
                   </div>
                
                   <h2 class="count">158首歌曲</h2>
                   <p class="record">发表更新2020年11月20日</p>
                  </div>

                  <div class="hot-mv">
                    <a class="hot-rem">
                      <img src="../img/mv/m8.jpg">
                      <div class="broadcast">
                        <img src="../img/mv/play.png">
                      </div>
                    </a>
                    <div class="mv-main">
                      <a class="song">海岛国际电影节XMusic</a><br>
                      <span class="style">music音乐</span>
                      <div class="read">
                        订阅
                      </div>
                     </div>
                  
                     <h2 class="count">158首歌曲</h2>
                     <p class="record">发表更新2020年11月20日</p>
                    </div>
        </div>





        <!--页脚-->
         <footer class="footer">
            <div class="footer-con center">
              <div class="flink">
                <a href=""> 关于我们</a>
                <a href=""> 发展历程</a>
                <a href=""> 意见反馈</a>
                <a href="">
                  <img src="../img/index/音乐.png">
                </a>
                <a href="">
                   <img src="../img/index/腾讯微博.png">
                </a>
                <a>
                  <img src="../img/index/淘宝,TAO,alibaba,1688.png">
                </a>
                <a>
                  <img src="../img/index/qq音乐.png">
                </a>
                <span>QQ群：42931942</span>
                <span>MUSIC群： 373302682</span>
              </div>
              <p class="copyright">
                Copyright (c) 2013 <span class="green">music.com.</span> All Rights Reserved V 1.8.5 京ICP备13015845号-1
              </p>
    
            </div>
          </footer> 
</body>
</html>